/* CSS Document */
/*推荐*/
.index_recommned{ padding-top:30px;}
.index_recommned .tab{ height: 40px; border-bottom: 2px #eaeaea solid;}
.index_recommned .tab a{ display:block; float: left; padding: 0 15px; font-size: 18px; color: #333333; line-height: 40px; position: relative;}
.index_recommned .tab a i{ display:none; position: absolute; left: 0; bottom: -2px; right: 0; height: 2px; background-color: #ff6600; overflow: hidden;}
.index_recommned .tab a.on i{ display:block;}
.index_recommned .tab a.on{ color: #ff6600; font-weight: 600;}
.index_recommned_list{ height:211px; padding-top: 29px;}
.index_recommned_list li{ float:left; width: 221px; height: 211px; margin-right: 23px; }
.index_recommned_list a{background-color: #f9f9f9; display: block; position: relative;}
.index_recommned_list a > i{ display:block; position: absolute; left: 0; top: 0; z-index: 1; height: 20px;}
.index_recommned_list a > i em{ display:inline-block; float: left; margin-right: 2px; line-height: 20px; background-color: #ff7800; color: #fff; padding: 0 6px; }
.index_recommned_list a .img{ height: 122px; width: 100%;}
.index_recommned_list div{ padding:5px 5px 0; height: 84px;}
.index_recommned_list h4{ display:block; font-size: 14px; color: #666666; font-weight: normal; line-height: 20px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index_recommned_list a:hover h4{ color:#ff6600;}
.index_recommned_list p{ font-size:12px; color:#666666; line-height: 35px;}
.index_recommned_list p em{ color:#ff6633;}
.index_recommned_list p b{ font-size:20px;}
.index_recommned_list a:hover{ background-color:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}

/*出境游*/
.index_product_list{ padding-top:30px;}
.index_product_list .title{ height:44px; border-bottom: 2px #eaeaea solid;}
.index_product_list .title h2{ display:block; float: left; font-size:22px; color: #028bdc; font-weight: 600; line-height: 44px; width: 174px; padding-left: 52px; background: url(i_02.jpg) no-repeat 2px center;}
.index_product_list .title .tab{ height:34px; float: left; padding-top: 10px;}
.index_product_list .title .tab a{ display:block; float: left; font-size: 15px; line-height: 34px; height: 34px; position: relative; padding: 0 5px; margin-right: 18px;}
.index_product_list .title .tab a i{ display:none; position:absolute; left: 0; right: 0; bottom: -2px; height: 2px; background-color: #ff6600;}
.index_product_list .title .tab a.on{ color:#ff6600;}
.index_product_list .title .tab a.on i{ display:block;}
.more{ float: right; padding-top: 10px;}

.hot_address{ width: 226px; height: 511px; overflow: hidden; position: relative; background: url(img_04.jpg) no-repeat 0 278px;}
.hot_address b{ display:block; font-size: 14px; color: #666666; line-height: 30px; padding-top: 11px;}
.hot_address a{ display:inline-block; font-size: 14px; line-height: 33px; float: left; margin-right: 20px;}
.hot_address p{ display:block; position: absolute; left: 0; top: 260px; font-size: 14px; color: #999; line-height: 20px;}
.hot_address p em{ display:block; font-weight: 600; color: #666666;}

.index_product_list .reviews{ float:left; width: 974px; height: 511px;}
.travel_list li{ float:left; width: 308px; height: 233px; margin-top: 22px; margin-right: 24px;}
.travel_list a{ display:block; position:relative;}
.travel_list a i{ display:block; position: absolute; left: 0; top: 0; z-index:1; height: 20px; }
.travel_list a i em{ display:inline-block; float: left; margin-right: 2px; line-height: 20px; background-color: #ff7800; color: #fff; padding: 0 6px; }
.travel_list .img{ width: 308px; height: 140px;}
.travel_list div{ height:89px; padding: 5px 5px 0;}
.travel_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; height:48px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.travel_list p{ font-size:12px; color:#666; line-height: 35px;}
.travel_list p em{ color:#ff6633;}
.travel_list p b{ font-size:20px; font-weight: normal;}
.travel_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.travel_list a:hover h4{ color:#ff6600;}

/*国内游*/
.index_product_list01 .title h2{ background-image:url(i_03.jpg); color:#ff8800;}
.index_product_list01 .hot_address{ background-image:url(img_07.jpg);}

/*游轮*/
.index_product_list02 .title h2{ background-image:url(i_04.jpg); color: #50b400;}
.index_product_list02 .hot_address{ background-image:url(img_08.jpg);}

/*立即报名*/
.position_img{ padding:20px 0 0;}

/*周边游*/
.index_product_list03 .title h2{ color:#188f7b; background-image: url(i_05.jpg);}
.index_product_list03 .reviews{ width:100%; float: inherit; height: auto;}
.zby_list{ height:248px; padding-top: 20px;}
.zby_list li{ float:left; width: 225px; margin-right: 18px;}
.zby_list a{ display:block; position: relative;}
.zby_list .img{ width:100%; height: 140px;}
.zby_list div{ height: 103px; padding: 5px 5px 0;}
.zby_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; height:48px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.zby_list p{ font-size:12px; color:#666; line-height: 35px; padding-top: 10px;}
.zby_list p em{ color:#ff6633;}
.zby_list p b{ font-size:20px; font-weight: normal;}
.zby_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.zby_list a:hover h4{ color:#ff6600;}

/*签证*/
.index_product_list04 .title h2{ background-image:url(i_06.jpg); color: #925fb1;}
.index_product_list04 .reviews{ width:100%; float: inherit; height: auto;}
.qz_list{ padding-top:20px; height: 191px;}
.qz_list li{ float:left; width: 225px; margin-right: 18px;}
.qz_list a{ display:block; position: relative; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.qz_list .img{ padding: 13px 13px 0; height: 113px; background-image: url(img_14.jpg); border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.qz_list .img em{ display:block; float: left; width: 100%; text-align: center; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 18px;}
.qz_list .con{ height: 61px; padding: 5px 5px 0;}
.qz_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.qz_list p{ font-size:12px; color:#666; line-height: 35px;}
.qz_list p em{ color:#ff6633;}
.qz_list p b{ font-size:20px; font-weight: normal;}
.qz_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.qz_list a:hover h4{ color:#ff6600;}
.qz_list .img img.fl{ width:140px; height:95px;}

/*旅游攻略*/
.index_product_list05 .title h2{ background-image:url(i_07.jpg); color: #d74568;}
.index_product_list05 .reviews{ width:100%; float: inherit; height: auto;}
.lvgl_list{ height: 330px; padding: 20px 0 0;}
.lvgl_list .news_img{ width: 370px; overflow:hidden;}
.lvgl_list .news_img .img{ width:100%; height: 252px;}
.lvgl_list .news_img a{ display:block; position: relative;}
.lvgl_list .news_img i{ display:block; position: absolute; left: 21px; top: 0; z-index: 1;}
.lvgl_list .news_img h4{ display:block; font-size: 16px; color:#333; font-weight: normal; line-height: 25px; padding-top: 5px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.lvgl_list .news_img p{ color:#999; line-height: 18px; height: 36px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.lvgl_list .news_list{ width: 796px; height:330px; overflow: hidden;}
.lvgl_list .news_list li{ float:left; width: 362px; overflow: hidden; padding-bottom: 16px; padding-left: 19px; background: url(i_08.jpg) no-repeat 0 9px;}
.lvgl_list .news_list h4{ display:block; font-size: 16px; color: #333; font-weight: normal; line-height: 30px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.lvgl_list .news_list p{ line-height: 18px; font-size: 12px; color: #666;}
.lvgl_list .news_img a:hover h4,.lvgl_list .news_list a:hover h4{ color:#ff6600;}

/*浮动层*/
.fixed_nav{ position:fixed; right: 50%; margin-right: 620px; top: 40%; z-index: 500;}
.fixed_nav a{ display:block; width: 38px; padding: 7px 0; text-align: center; color: #666; font-size: 12px; letter-spacing: 2px; background-color: #f5f5f5; margin-bottom: 1px;}
.fixed_nav a i{ display:inline-block; vertical-align: middle; line-height: 15px;}
.fixed_nav a:hover,.fixed_nav a.on{ background-color:#ff6600; color: #fff !important;}